<template>
  <div class="main-container">
    <view class="box flex" v-for="(item, index) in list" :key="index">
      <uv-avatar :src="item.avatar" size="43"></uv-avatar>
      <view class="wrap">
        <view class="bold fz14">{{item.nickname}}</view>
        <view class="desc fz12">{{item.ageYear}}·{{item.industry}}·{{item.homeEconomize}}·{{item.city}}</view>
      </view>
      <uv-divider text=""></uv-divider>
    </view>
  </div>
</template>

<script setup lang="ts">
import useCounterStore from "@/stores/counter";
const counter = useCounterStore();
const { proxy } = getCurrentInstance();
const instance = getCurrentInstance();

let list = ref([]);
</script>



<style lang="scss" scoped>
.wrap {
  margin-left: 10px;
  .desc {
    color: #999999;
    margin-top: 3px;
  }
}
</style>
